<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			li{
				list-style: none;
				
				float: left;
				position: relative;
			}
			
			ul:after{
				content: "";
				display: block;
				clear: both;
			}
			ul>li:after{
				/*content:"|";
				color:red;
				font-size: 28px;*/
				
				content:"";
				width: 1px;
				height: 10px;
				background-color: red;
				display: inline-block;
			}
		</style>
	</head>
	<body>
		
		<ul>
			<li>item1</li>
			<li>item2</li>
			<li>item3</li>
			<li>item4</li>
			<li>item5</li>
		</ul>
		
	</body>
</html>
